<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <title>INSPINIA | Login</title>

    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/font-awesome/css/font-awesome.css}" rel="stylesheet"/>

    <link th:href="@{/css/animate.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
    <!-- Sweet Alert -->
    <link th:href="@{/css/plugins/sweetalert/sweetalert.css}" rel="stylesheet"/>
    <link th:href="@{/css/plugins/iCheck/custom.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">

<div class="middle-box text-center loginscreen animated fadeInDown">
    <div>
        <div>
            <h2 class="logo-name">MX</h2>
        </div>
        <h3>Welcome to MOXI</h3>
        <p>
            华南农业大学图书馆管理系统
        </p>
        <p>Login in. To see it in action.</p>
        <form class="m-t" role="form" action="" method="post">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="学号" name="username" required=""/>
            </div>
            <div class="form-group">
                <input type="password" class="form-control" placeholder="密码" name="password" required=""/>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" name="vcode" id="vcode" placeholder="验证码"/>
                <img alt="验证码" src="/gifCode"></div>
            <div class="form-group"><input type="checkbox" name="rememberMe" class="i-checks"/>记住我</div>
            <button type="submit" class="btn btn-primary block full-width m-b">登录</button>
            <a th:href="@{register}" href="#">
                <small>Forgot password?</small>
            </a>
        </form>

    </div>
</div>

<!-- Mainly scripts -->
<script th:src="@{/js/jquery-2.1.1.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<!-- Sweet alert -->
<script th:src="@{/js/plugins/sweetalert/sweetalert.min.js}"></script>


<script th:inline="javascript">
    var error = [[${error}]];
    $(document).ready(function () {
        if (error != null) {
            swal({
                title: "温馨提示",
                text: error
            });
        }
    });
</script>
<!-- iCheck -->
<script src="js/plugins/iCheck/icheck.min.js"></script>
<script>
    $(document).ready(function(){
        $('.i-checks').iCheck({
            checkboxClass: 'icheckbox_square-green',
            radioClass: 'iradio_square-green',
        });
    });
</script>
</body>

</html>
